<template>
	<view>
		<!-- 导航 -->
		<uni-nav-bar
		 leftWidth='200rpx' rightWidth='200rpx'
		 left-icon="left" title="收银台" height="137rpx" backgroundColor="#f6f5f5" 
		 @clickLeft="$utils.ret()"/>
		<!-- 钱 -->
		<view class="money">￥360.00</view>
		<!-- 方式 -->
		<view class="mode">全部付款方式</view>
		<view class="info">
			<view class="item">
				<view class="l">
					<view class="logo">
						<image src="/static/_03.jpg" mode=""></image>
					</view>
					<view class="pat">微信支付</view>
				</view>
				<view class="r">
					<label class="radio">
						<radio value="1" /><text></text>
					</label>
				</view>
			</view>
			<view class="item">
				<view class="l">
					<view class="logo">
						<image src="/static/1_03_03.jpg" mode=""></image>
					</view>
					<view class="pat">支付宝支付</view>
				</view>
				<view class="r">
					<label class="radio">
						<radio value="2" /><text></text>
					</label>
				</view>
			</view>
		</view>
		<!-- 支付 -->
		<view class="pay">
			<button>微信支付￥360.00</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	// @import url(/static/iconfont/iconfont.css);

	// 导航
	/deep/ uni-text {
		font-size: 35rpx !important;
	}

	/deep/.uni-navbar__content {
		border: none;
	}

	page {
		width: 100%;
		height: 100%;
		background-color: #f3f3f3;
	}

	// 钱
	.money {
		font-weight: bold;
		color: #f21119;
		text-align: center;
		font-size: 50rpx;
		margin-top: 20rpx;
	}

	// 方式
	.mode {
		height: 115rpx;
		font-size: 30rpx;
		line-height: 115rpx;
		margin-top: 120rpx;
		background-color: #fff;
		padding-left: 40rpx;
	}

	.info {
		margin-top: 15rpx;
		padding-left: 40rpx;
		padding-right: 25rpx;
		background-color: #fff;

		.item {
			height: 110rpx;
			border-bottom: 2rpx solid #f3f3f3;
			display: flex;
			justify-content: space-between;

			.l {
				display: flex;

				.logo {
					height: 45rpx;
					width: 45rpx;
					background-color: yellow;
					margin-top: 35rpx;
					margin-right: 20rpx;

					image {
						height: 45rpx;
						width: 45rpx;
					}
				}

				.pat {
					line-height: 110rpx;
					font-size: 30rpx
				}
			}

			.r {
				line-height: 110rpx;
			}
		}
	}

	// 支付
	.pay {
		width: 100%;
		height: 160rpx;
		background-color: #fff;
		position: fixed;
		bottom: 0rpx;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		button {
			width: 680rpx;
			margin: 0 auto;
			margin-top: 10rpx;
			border-radius: 50px;
			background-color: #f21119;
			color: #fff;
		}
	}
</style>